html, body { margin: 0;padding: 0;width: 100%;height: 100%;}
#row2{
    margin-bottom:180px;
}
.pre_home{
    width:98%;
    height:100%;
    margin-left: 0.5%;
}
body{
    background-color:#F6F7F9;
}
.layui-table-cell {
    height: 100%;
    max-width: 100%;
}
#put_screen{
    position: absolute;
}
.div_tit{
    width:98%;
    height:50px;
    background-color:#F2F2F2;
    border:2px solid #E6E6E6;
    margin-bottom: 10px;
    margin-left: 0.5%;
}
.tit_span{
    margin-left:10px;
    margin-top:-20px;
}
#div_id{
    margin-top:-26px;
    margin-left:85%;
    position: absolute;
}
.tit_btn2{
    position: absolute;
}
.div_ic{
    width:5px;
    height:20px;
    background-color:#1ABC9C;
    margin-top:15px;
}

.div_index{
    width: 100%;
    height:120px;
    margin-bottom:10px;
    border:1px solid #E6E6E6;
}
.div_index_title{
    width:100%;
    height:50px;
    background-color:#F3F3F3;
    /*border:1px solid #E6E6E6;*/
    font-weight:bold;
    line-height:55px;
    font-size:1rem; /* = 16px*/
    text-indent:18px;
    color:#666666;
}
.index_btns1{
    width:75px;
    height: 35px;
    margin-left: 81.9%;
    margin-top: 8px;
    position: absolute;
}

.div_index_input{
    width:100%;
    /*height:72px;*/
    background-color:#FFFFFF;
    border-top: 1px solid #E6E6E6;
}
.index_li_item{
    margin-top:17px;
    width:28%;
    float:left;
}
#indexBtn{
    width: 65px;
    margin-top: 19px;
    height: 35px;
    margin-left: 2.4%;
    font-size: 13px;
}
#resetBtn{
    width: 65px;
    margin-top: 19px;
    height: 35px;
    margin-left: 5px;
    font-size: 13px;
}
#btn_icom{
    font-size: 15px;
    margin-left: -9px;
}
#btn_icom1{
    font-size: 15px;
    margin-left: -9px;
}
/*
    用户数据列表
*/
.div_list{
    margin-right:20px;
    width:100%;
    margin-bottom:10px;
}
.div_list_title{
    width:100%;
    height:55px;
    background-color:#F3F3F3;
    border:1px solid #E6E6E6;
    font-weight:bold;
    line-height:55px;
    font-size:1rem; /* = 16px*/
    color:#666666;
    text-indent:18px;
}
#userListTab{
    margin-top: -10px;
}
.layui-table-tool-self{
    right: 1%;
}
.layui-table-view{
    width: 100%;
}
.layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    width: 35%;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.layui-input, .layui-textarea {
    display: block;
    width: 60%;
    padding-left: 10px;
}
/*#span_id{
    margin-left: -32%;
}*/
#div_id1{
    height: 70px;
}
.layui-btn-sm {
    height: 35px;
    line-height: 18px;
    padding: 10px;
    font-size: 12px;
}


/*屏幕宽度小于1200px,改变布局和样式    110%     */
@media screen and (max-width:1200px) {
    #btn_id{
        margin-left: 84%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 80.9%;
        margin-top: 8px;
        position: absolute;
    }
    #indexBtn{
        width: 65px;
        margin-top: 19px;
        height: 35px;
        margin-left: 11.3%;
        font-size: 13px;
    }
    #div_id{
        margin-top:-26px;
        margin-left:84.3%;
        position: absolute;
    }
}


/*屏幕宽度小于1100px,改变布局和样式     125%      */
@media screen and (max-width:1100px) {
    #current{
        display: none;
    }
    #btn_id{
        margin-left: 81.5%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 78.2%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:82%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:37%;
        float:left;
    }
}

/*屏幕宽度小于1000px,改变布局和样式      150%       */
@media screen and (max-width:1000px) {
    #current{
        display: none;
    }
    #btn_id{
        margin-left: 76.5%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 73%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:77.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:34%;
        float:left;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 90%;
        padding-left: 10px;
    }
}


/*屏幕宽度小于800px,改变布局和样式      175% ~200%       */
@media screen and (max-width:800px) {
    #current{
        display: none;
    }
    #search{
        display: none;
    }
    #btn_id{
        margin-left: 71%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 66.6%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:72.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:40%;
        float:left;
        margin-left: 5%;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 90%;
        padding-left: 10px;
    }
}


/*屏幕宽度小于600px,改变布局和样式     250%       */
@media screen and (max-width:600px) {
    #current{
        display: none;
    }
    #search{
        display: none;
    }
    #btn_id{
        margin-left: 66%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 61.4%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:68.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:34%;
        float:left;
        margin-left: 5%;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 200%;
        padding-left: 10px;
    }
}


/*屏幕宽度小于500px,改变布局和样式     300%        */
@media screen and (max-width:500px) {
    #current{
        display: none;
    }
    #search{
        display: none;
    }
    #product{
        display: none;
    }
    #btn_id{
        margin-left: 58%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 53%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:61.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:34%;
        float:left;
        margin-left: 5%;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 200%;
        padding-left: 10px;
    }
}


/*屏幕宽度小于400px,改变布局和样式      400%             */
@media screen and (max-width:400px) {
    #current{
        display: none;
    }
    #search{
        display: none;
    }
    #product{
        display: none;
    }
    #btn_id{
        margin-left: 41%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 34%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:46.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:34%;
        float:left;
        margin-left: 5%;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 200%;
        padding-left: 10px;
    }
}


/*屏幕宽度小于300px,改变布局和样式      500%          */
@media screen and (max-width:300px) {
    #current{
        display: none;
    }
    #search{
        display: none;
    }
    #product{
        display: none;
    }
    #refresh{
        display: none;
    }
    #btn_id{
        margin-left: 24%;
    }
    .index_btns1{
        width:75px;
        height: 35px;
        margin-left: 16%;
        margin-top: 8px;
        position: absolute;
    }
    #div_id{
        margin-top:-26px;
        margin-left:58.7%;
        position: absolute;
    }
    .index_li_item{
        margin-top:17px;
        width:34%;
        float:left;
        margin-left: 5%;
    }
    .layui-input, .layui-textarea {
        display: block;
        width: 200%;
        padding-left: 10px;
    }
}

